<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    1. 核心概念
        BOM 是浏览器提供的非标准化对象集合，用于控制浏览器窗口行为、访问浏览器功能以及与浏览器本身交互。
    
    2. 主要对象组成
        对象	    功能	                    典型应用
        window	    全局对象，代表浏览器窗口	  window.open()
        navigator	浏览器信息	                navigator.userAgent
        location	URL 相关操作	            location.href = '...'
        history	    浏览历史	                history.back()
        screen	    屏幕信息	                screen.width
        document	实际属于 DOM	            document.title

    3. 重要 API 示例

        // 窗口控制
        window.resizeTo(800, 600);
        window.scrollTo(0, 200);

        // 浏览器信息
        console.log(navigator.platform); // "Win32"
        console.log(navigator.language); // "zh-CN"

        // URL 操作
        location.reload(); // 刷新页面
        location.assign('https://example.com'); // 跳转

        // 历史记录
        history.pushState({}, '', '/new-page'); // 添加历史记录

        // 屏幕信息
        const isMobile = screen.width < 768;

        // 定时器（BOM 功能）
        setTimeout(() => console.log('Timeout'), 1000);
</body>
</html>